<template>
  <div class="swiper">
    <van-swipe
      class="my-swipe"
      :autoplay="3000"
      indicator-color="white"
    >
      <van-swipe-item v-for = "item in swiperList" :key="item.id">
        <img v-lazy="item.imgUrl" alt="">
      </van-swipe-item>
    </van-swipe>

  </div>
</template>

<script>

export default {
  name: 'Swiper',
  props: {
    swiperList: Array
  }
}
</script>

<style lang="scss" scoped>
.swiper {
  height: 5.013333rem;
  img {
    width: 100%;
    height: 5.013333rem;
  }
}
</style>
